//头部布局
.ant-row{//元素占据一行
	position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    box-sizing: border-box;
    &::before{
        display: table;
        content: '';
    }
    &::after{
        display: table;
        content: '';
    }
}

//吸顶布局
.stiky{
    position: sticky !important;
    top: 0;
    z-index: 10;
}
//使用于浏览器缩小时
.z-layout{
    max-width: 1216px;//浏览器缩小不会改变布局
    width: 100%;
}
.z-container{
    width: 100%;
    height:4.25rem;
    position: relative;
    display: flex;
    justify-content: center;
    box-shadow: 0 1px 1px 0 rgb(169 182 220 / 30%);
    .z-wrap{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        @extend .ant-row;
        .z-inner{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80%;
            &::before{
                content: '';
                display: table;
            }
            .z-content{
                @extend .z-layout 
            }
        }
    }
    
}
